﻿<!DOCTYPE HTML>
<html>
<head>
<#include "headFile.htm">
</head>
<body>
	<#include "head.htm">
	<div class="met-banner" style="height:400px;">
		<a data-original="{ms:global.host/}/{ms:global.style/}/images/1468315310.jpg" target='_self'>
			<div class="container">
				<span class="p-5">
					<h3>&nbsp;</h3>
					<p>产品列表</p>
				</span>
			</div>
		</a>
	</div>
	<div class="met-position  pattern-show">
		<div class="container">
			<div class="row">
				<ol class="breadcrumb">
					<li>
						<a href="{ms:global.host/}" title="首页">
							<i class="iconfont" aria-hidden="true">&#xe70c;</i>首页
						</a>
					</li>
					<li>
						<a href="{ms:field.typelink/}" >{ms:field.typetitle/}</a>
					</li>
					<li>
						<a href="{ms:field.link/}" >{ms:field.title/}</a>
					</li>
				</ol>
			</div>
		</div>
	</div>
	<div class="page met-showproduct pagetype1 animsition">
		<div class="met-showproduct-head">
			<div class="container">
				<div class="row">
					<div class="col-md-7">
						<div id="gallery" class="ad-gallery" data-x="450" data-y="320">
							<div class="ad-image-wrapper">
								<div class="ad-image" style="width: 480.37px; height: 320px; top: 0px; left: 86.3152px;">
									<img src="{ms:global.host/}{ms:field.litpic/}" width="450" height="320">
									<p class="ad-image-description" style="width: 466.37px;">
										<span></span>
									</p>
								</div>
							</div>
							<div class="ad-controls"></div>
							<div class="ad-nav">
								<div class="ad-thumbs">
									<ul class="ad-thumb-list" id="lightgallery">
										<li data-src="{ms:global.host/}{ms:field.litpic/}" data-exthumbimage="{ms:global.host/}{ms:field.litpic/}" style="width:68px; height: 68px;">
											<a href="{ms:global.host/}{ms:field.litpic/}" style="width:68px; height: 68px;">
												<img src="{ms:global.host/}{ms:field.litpic/}" class="img-responsive" style="width: 68px; height: 68px;">
											</a>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<div class="visible-xs-block visible-sm-block height-20"></div>
					<div class="col-md-5 product-intro">
						<h1>{ms:field.title/}</h1>
						<p class="description">{ms:field.descrip/}</p>
						<div class="para">
							<div class="row">
								<div class="col-md-6 col-sm-6 col-xs-6 margin-bottom-15 blue-grey-500">
									{ms:field.keyword/}
								</div>
							</div>
						</div>
						<div class="tools"></div>
					</div>
				</div>
			</div>
		</div>
		<div class="met-showproduct-body">
			<div class="container">
				<div class="row no-space">
					<div class="col-md-9 product-content-body">
						<div class="row">
							<div class="panel product-detail">
								<div class="panel-body">
									<ul class="nav nav-tabs nav-tabs-line met-showproduct-navtabs affix-nav">
										<li class="active">
											<a data-toggle="tab" href="#product-details" data-get="product-details">详细信息</a>
										</li>
									</ul>
									<div class="tab-content">
										<div class="tab-pane met-editor lazyload clearfix animation-fade active" id="product-details">
											<div>
												<p>{ms:field.content/}</p>
												<div id="metinfo_additional"></div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!--右侧开始-->
					<div class="col-md-3">
						<div class="row">
							<div class="panel product-hot">
								<div class="panel-body">
									<h4 class="example-title">热门推荐</h4>
									<div class="row mob-masonry">
										{ms:arclist size=6 orderby=id order=asc}
										<div class="product-hot-list col-md-12 col-sm-4 col-xs-6 text-center margin-bottom-10 masonry-item">
											<a href="{ms:global.url/}[field.link/]" target="_blank" class="img"  >
												<img data-original="{ms:global.host/}[field.litpic/]" src="{ms:global.host/}[field.litpic/]" class="img-responsive" >
											</a>
											<a href="{ms:global.url/}[field.link/]" target="_blank" class="txt" >[field.title/]</a>

										</div>
										{/ms:arclist}
									</div>
								</div>
							</div>
						</div>
					</div>
					<!--右侧结束-->
				</div>
			</div>
		</div>
	</div>
	<#include "footer.htm">
</body>
</html>